﻿.property-editor {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: white;
}

    .property-editor .title {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-grow: 1;
        overflow: hidden;
    }

    .property-editor .more {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-grow: 1;
        overflow: hidden;
        white-space: nowrap;
        margin-top: 2px;
        font-size: 12px;
        color: #999;
        gap: 4px;
    }

    .property-editor ::deep .property-editor-tools {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: right;
        gap: 5px;
        right: 5px;
        bottom: 5px;
        visibility: hidden;
        opacity: 0;
    }

    .property-editor:hover ::deep .property-editor-tools {
        transition: opacity 0.5s;
        visibility: visible;
        opacity: 1;
    }

        .property-editor:hover ::deep .property-editor-tools > .property-editor-tool {
            cursor: pointer;
        }
